<template>
  <el-dialog v-model="open" title="项目规则详情" width="800px" append-to-body :close-on-click-modal="false">
    <el-descriptions :column="2" border>
      <el-descriptions-item label="项目名称">{{ form.projectName }}</el-descriptions-item>
      <el-descriptions-item label="营业时间">{{ form.businessStart }}</el-descriptions-item>
      <el-descriptions-item label="闭店时间">{{ form.businessEnd }}</el-descriptions-item>
      <el-descriptions-item label="是否允许半小时">
        <span>{{ form.halfHourAllow == 0?'否':'是' }}</span>
      </el-descriptions-item>
      <el-descriptions-item label="项目相关场地介绍">{{ form.introduction }}</el-descriptions-item>
    </el-descriptions>
  </el-dialog>
</template>

<script setup>
import { toRefs } from '@vueuse/shared'
import { computed } from '@vue/reactivity'

const props = defineProps({
  props: {
    type: Object,
    default: () => ({
      open: false,
      title: ''
    })
  }
})
const { open } = toRefs(props.props)
const form = computed(() => props.props.data)

</script>

<style scoped>

</style>
